<template>
	<view class="content">
		<view class="list">
			<view class="top">
				<view class="li row">
					<view class="tit">账单类型</view>
					<view class="txt fill">合同账单</view>
				</view>
				<view class="li row">
					<view class="tit">账单周期</view>
					<view class="txt fill">2022-01-01至2022-01-31</view>
				</view>
				<view class="li row">
					<view class="tit">房间信息</view>
					<view class="txt fill">南舒房东辰里1栋1单元5楼5001室</view>
				</view>
				<view class="li row">
					<view class="tit">支付时间</view>
					<view class="txt fill">2022-02-01 18:13:23</view>
				</view>
				<view class="li row">
					<view class="tit">账单金额</view>
					<view class="txt fill">2600元</view>
				</view>
			</view>
			<view class="btm">
				可开票金额<text class="price red">1300</text><text class="red">元</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
.content{
	padding: 16rpx;
	.list{
		background: #fff;
		border-radius: 16rpx;
		margin-bottom: 16rpx;
		padding: 24rpx 32rpx;
		&:last-child{
			margin: 0;
		}
		.li{
			.tit{
				color: #666;
				margin-right: 24rpx;
			}
		}
		.btm{
			text-align: right;
			color: #666;
			font-size: 24rpx;
			.price{
				font-size: 36rpx;
				margin: 0 4rpx 0 10rpx;
			}
		}
	}
}
</style>
